body{
	font-family: Manjari, sans-serif;
	margin-left:50px;
	margin-bottom:30px;
	background-color:RGBa(127, 197, 250, 0.8);
}
strong{
	font-weight:normal;
}
#h1_strong{
	font-weight:bold;
	color:#FF9900;
	font-size:40px;
	font-family:Prompt, sans-serif;
}
a{
	text-decoration:none;
	color:black;
}
#slog{
	font-style:italic;
	font-weight:lighter;
	color:grey;
	font-size:30px;
	position:relative;
	top:-30px;
	text-align:right;
	transform:rotate(15deg);
}
#baniere_concert{
	position:absolute;
	left:170px;
	top:90px;
	border-radius:30px;
	border:6px double #FF9933;
	background-color:#FFD7AF;
	width:250px;
	height:80px;
	box-shadow:4px 4px 3px grey;
	transition:filter 0.5s;
}
#baniere_concert:hover{
	filter:brightness(70%);
}
#icone_calendrier{
	width:35px;
	position:relative;
	top:10px;
	left:-16px;
}
#date_concert{
	font-weight:bolder;
	font-size:20px;
	position:relative;
	top:-23px;
	margin-left:30px;
	color:blue;
}
#texte_concert{
	position:relative;
	font-weight:bold;
	top:-35px;
	left:15px;
	color:blue;
}
table{
	background:RGB(170,170,250);
	z-index:200;
	border-right:5px RGB(100,100,250) solid;
	border-bottom-right-radius:30px;
	border-top-right-radius:30px;
}
#menu{
	position:fixed;
	top:50px;
	left:-240px;
	transition:0.5s;
	z-index:4589025678907642345678963234567876543456789876543456734567897654569809284584;
	animation-name:tuto_menu;
	animation-duration:3s;
	animation-iteration-count:1;
}
@keyframes tuto_menu{
	0%{transform:translateX(0px)}
	50%{position:fixed;left:0px;}
}
#menu:hover{
	position:fixed;
	left:0px;
}
.th{
	padding-top:30px;
	padding-bottom:30px;
	padding-right:15px;
	padding-left:15px;
	background:inherit;
	text-decoration:none;
	transition:background 1s, text-decoration 1s;
}
th{
	padding-top:30px;
	padding-bottom:30px;
	padding-right:15px;
	padding-left:15px;
	background:inherit;
	text-decoration:none;
}
.th:hover{
	background:radial-gradient(circle,RGB(200,200,250)5%,RGB(170,170,250)90%);
	border-radius:100px;
}
#logo{
	height:90px;
	position:absolute;
	top:110px;
	left:270px;
	z-index:299;
	background:RGB(200,208,250);
	border-left:none;
	border-bottom:3px solid RGB(100, 137, 200);
	border-top:3px solid RGB(100, 137, 200);
	border-right:3px solid RGB(100, 137, 200);
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
}
.txt_title{
	font-weight: bold;
}
li{
	margin-bottom:20px;
}
#txt_left{
	position:absolute;
	top:300px;
	left:100px;
	font-size:20px;
}
#txt_right{
	position:absolute;
	top:300px;
	left:900px;
	font-size:20px;
}
#txt_bottom{
	position:absolute;
	top:620px;
	left:365px;
	font-size:21px;
	font-weight:bold;
}
#a_exception{
	color:blue;
}
#a_exception:hover{
	text-decoration:underline;
}
.slide{
	float:left;
}
.img_slide{
	width:500px;
	height:400px;
	margin-top:auto;
	margin-bottom:auto;
}
#slides{
	width:5500px;
	animation-name:translate;
	animation-duration:60s;
	animation-iteration-count:infinite;
	background:black;
}
#box{
	width:500px;
	overflow:hidden;
	position:absolute;
	left:380px;
	top:200px;
}
@keyframes translate{
	0%{transform:translateX(0px)}
	2.5%{transform:translateX(0px)}
	5%{transform:translateX(-500px)}
	7.5%{transform:translateX(-500px)}
	10%{transform:translateX(-1000px)}
	12.5%{transform:translateX(-1000px)}
	15%{transform:translateX(-1500px)}
	17.5%{transform:translateX(-1500px)}
	20%{transform:translateX(-2000px)}
	22.5%{transform:translateX(-2000px)}
	25%{transform:translateX(-2500px)}
	27.5%{transform:translateX(-2500px)}
	30%{transform:translateX(-3000px)}
	32.5%{transform:translateX(-3000px)}
	35%{transform:translateX(-3500px)}
	37.5%{transform:translateX(-3500px)}
	40%{transform:translateX(-4000px)}
	42.5%{transform:translateX(-4000px)}
	45%{transform:translateX(-4500px)}
	47.5%{transform:translateX(-4500px)}
	50%{transform:translateX(-5000px)}
	52.5%{transform:translateX(-5000px)}
	55%{transform:translateX(-4500px)}
	57.5%{transform:translateX(-4500px)}
	60%{transform:translateX(-4000px)}
	62.5%{transform:translateX(-4000px)}
	65%{transform:translateX(-3500px)}
	67.5%{transform:translateX(-3500px)}
	70%{transform:translateX(-3000px)}
	72.5%{transform:translateX(-3000px)}
	75%{transform:translateX(-2500px)}
	77.5%{transform:translateX(-2500px)}
	80%{transform:translateX(-2000px)}
	82.5%{transform:translateX(-2000px)}
	85%{transform:translateX(-1500px)}
	87.5%{transform:translateX(-1500px)}
	90%{transform:translateX(-1000px)}
	92.5%{transform:translateX(-1000px)}
	95%{transform:translateX(-500px)}
	97.5%{transform:translateX(-500px)}
	100%{transform:translateX(0px)}
}
.mobile_visible{
	display:none;
}
@media screen and (max-device-width : 500px){
	body{
		width:auto;
		height:auto;
		margin-left:0.5em;
		margin-top:2em;
	}
	.mobile_visible{
		display:block;
	}
	.mobile_unvisible{
		display:none;
	}
	#h1_strong{
		font-size:0.57em;
		margin-left:0.25em;
	}
	#txt_left{
		position:relative;
		top:10em;
		left:0px;
		margin-bottom:2em;
		margin-left:2em;
	}	
	#txt_right{
		position:relative;
		top:10em;
		left:0px;
		margin-bottom:2em;
		margin-left:2em;
	}
	#txt_bottom{
		position:relative;
		top:15em;
		left:0px;
		font-weight:bold;
		font-size:0.8em;
		margin-top:2em;
		margin-left:2em;
		margin-bottom:2em;
	}
	#slog{
		font-size:0.8em;
		transform:rotate(5deg);
		left:-1.5em;
		top:-4em;
		font-weight:normal;
	}
	#baniere_concert{
		position:absolute;
		left:0.6em;
		top:6.5em;
		border-radius:0.9em;
		border:2px solid #FF9933;
		background-color:#FFD7AF;
		width:10em;
		height:2.3em;
		box-shadow:3px 3px 2px grey;;
	}
	#baniere_concert:hover{
	filter:brightness(100%);
	}
	#icone_calendrier{
		width:20px;
		position:relative;
		top:5px;
		left:-16px;
	}
	#date_concert{
		font-weight:bolder;
		font-size:0.92em;
		position:relative;
		top:-1.25em;
		margin-left:30px;
		color:blue;
	}
	#texte_concert{
		position:relative;
		font-weight:bold;
		top:-28px;
		left:15px;
		color:blue;
	}
	table{
		border-right:none;
		border-top-right-radius:0px;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
		border-bottom:0.2em solid RGB(100,100,250);
	}
	#menu_target_mobile_open{
		-moz- position:relative;
		position:relative;
		-moz- top:-15em;
		top:-13.95em;
	}
	#menu_target_mobile_open:target{
		position:relative;
		top:0px;
	}
	#menu_target_mobile_close:target{
		position:relative;
		top:0px;
	}
	#menu{
		position:fixed;
		top:0px;
		left:5.3em;
		z-index:4589025678907642345678963234567876543456789876543456734567897654569809284584;
		height:14em;
		width:auto;
		overflow:hidden;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
		animation-iteration-count:0;
	}
	#menu:hover{
		position:fixed;
		left:5.3em;
	}
	.mobile_flèches{
		width:1.5em;
		margin-left:0.3em;
		margin-right:0.3em;
		margin-top:0.02em;
	}
	.mobile_menu_button_txt{
		margin-left:3em;
		margin-right:3em;
	}
	.mobile_menu_button{
		padding-left:0.5em;
	}
	.th{
		padding-top:0.4em;
		padding-bottom:0.4em;
		padding-right:0.5em;
		padding-left:0.5em;
		font-size:0.8em;
	}
	th{
		padding-top:0.4em;
		padding-bottom:0.4em;
		padding-right:0.5em;
		padding-left:0.5em;
		font-size:0.8em;
	}
	li{
		font-size:0.6em;
	}
	p{
		font-size:0.6em;
	}
	.slide{
		float:left;
	}
	.img_slide{
		width:15em;
		height:12em;
		margin-top:auto;
		margin-bottom:auto;
	}
	#slides{
		width:200em;
		animation-name:translate;
		animation-duration:60s;
		animation-iteration-count:infinite;
		background:black;
		border:3px solide black;
	}
	#box{
		width:15em;
		/*overflow:hidden;*/
		position:absolute;
		left:3em;
		top:10em;
	}
	@keyframes translate{
		0%{transform:translateX(0em)}
		2.5%{transform:translateX(0em)}
		5%{transform:translateX(-15em)}
		7.5%{transform:translateX(-15em)}
		10%{transform:translateX(-30em)}
		12.5%{transform:translateX(-30em)}
		15%{transform:translateX(-45em)}
		17.5%{transform:translateX(-45em)}
		20%{transform:translateX(-60em)}
		22.5%{transform:translateX(-60em)}
		25%{transform:translateX(-75em)}
		27.5%{transform:translateX(-75em)}
		30%{transform:translateX(-90em)}
		32.5%{transform:translateX(-90em)}
		35%{transform:translateX(-105em)}
		37.5%{transform:translateX(-105em)}
		40%{transform:translateX(-120em)}
		42.5%{transform:translateX(-120em)}
		45%{transform:translateX(-135em)}
		47.5%{transform:translateX(-135em)}
		50%{transform:translateX(-150em)}
		52.5%{transform:translateX(-150em)}
		55%{transform:translateX(-135em)}
		57.5%{transform:translateX(-135em)}
		60%{transform:translateX(-120em)}
		62.5%{transform:translateX(-120em)}
		65%{transform:translateX(-105em)}
		67.5%{transform:translateX(-105em)}
		70%{transform:translateX(-90em)}
		72.5%{transform:translateX(-90em)}
		75%{transform:translateX(-75em)}
		77.5%{transform:translateX(-75em)}
		80%{transform:translateX(-60em)}
		82.5%{transform:translateX(-60em)}
		85%{transform:translateX(-45em)}
		87.5%{transform:translateX(-45em)}
		90%{transform:translateX(-30em)}
		92.5%{transform:translateX(-30em)}
		95%{transform:translateX(-15em)}
		97.5%{transform:translateX(-15em)}
		100%{transform:translateX(0px)}
	}
}